<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
      <style>
          body{

          }
      </style>
  </head>
  <body>
    <div id="app">
      <div v-on:click="go_aa">dasdsffsczx</div>
      <div id="hh" vue-bin:>{{deviceName}}</div>
    </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>
  <script src="../script/vue.js"></script>
  <script type="text/javascript">
      var deviceName = 'aaaaa';
      apiready = function(){
        var l;
        deviceName = api.deviceName;
        /*var hh = $api.byId('hh');
        var l = '<b>'+deviceName+'</b>';
        $api.html(hh, l);*/
        var app = new Vue({
          el:"#app",
          data:{
            deviceName: deviceName
          },
          methods:{
            go_aa: function() {
              api.openWin({
                  name: 'aa',
                  url: './aa.html',
                  pageParam: {
                      name: 'aa'
                  }
              });
            }
          }
        });
      };
  </script>
  </html>
